<template>
	<div class="page">
	    <div class="top_cont">
	    	<img :src="static_img.icon" alt="">
	    	<span>驾考终端服务平台</span>
	    </div>
		<div class="box">
			<div class="from">
				
				  
			</div>
		</div>
		
	</div>
</template>

<script>
export default {
  data() {
  	return{
		/* 静态图片资源 */
		static_img:{
			icon:'https://elevator.vrprism.com/uploads/20230911/aad379f8b2431be66f170e8d8ad28125.png'
		},
	}
  },
  components:{
	 
  },
  mounted() {
  	
  },
  methods:{
	
  }
}
</script>

<style>
.from{
	padding: 30px 50px;
	display: inline-block;
	margin: 60px auto 80px auto;
	box-shadow: 0px 0px 60px 2px rgba(0,70,158,0.4);
	border-radius: 16px 16px 16px 16px;
	background: #FFFFFF;
}
.box{
	width: 100%;
	display: flex;
	align-items: center;
}
.top_cont span{
	margin: 0 0 0 -56px;
	font:oblique bold 36px "楷体";
	color: #FFFFFF;
}
.top_cont img{
	width: 106px;
	height: 91px;
}
.top_cont{
	padding: 44px 0 0 100px;
	display: flex;
	align-items: center;
	/* min-width: 980px; */
}
.page{
	/* max-width: 3840px;
	min-width: 1440px;
	min-height: 936px; */
	width: 100%;
	overflow: auto;
	height: 100vh;
	background: linear-gradient(137deg, #006CFF 0%, rgba(0,108,255,0.64) 100%);
}	
</style>
